<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
	<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
	<script type="text/javascript" src="js/cufon-yui.js"></script>
	<script type="text/javascript" src="js/Myriad_Pro_italic_400-Myriad_Pro_italic_600.font.js"></script>
	<script type="text/javascript" src="js/cufon-replace.js"></script>	
	<script type="text/javascript" src="js/jquery.faded.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
        
        <link href='fullcalendar/fullcalendar.css' rel='stylesheet' />
        <link href='fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
        <script src='fullcalendar/jquery/jquery-1.9.1.min.js'></script>
        <script src='fullcalendar/jquery/jquery-ui-1.10.2.custom.min.js'></script>
        <script src='fullcalendar/fullcalendar.min.js'></script>
	<!--[if lt IE 7]>
		<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
		<script type="text/javascript" src="js/ie_png.js"></script>
		<script type="text/javascript">
				ie_png.fix('.png, .logo, .extra-banner');
		</script>
	<![endif]-->
	<!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
        
        <!--Script para el Calendario de Disponibilidad -->
        <script>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: true,
			events: [
                            /*=======Dias Reservados aqui ========== */
				{
					title: 'Reserva 1',
					start: new Date(y, m, 1)
				},
				{
					title: 'Reserva 2',
					start: new Date(y, m, d-5),
					end: new Date(y, m, d-2)
				},
				{
					id: 999,
					title: 'Reserva 3',
					start: new Date(y, m, d-3, 16, 0),
					allDay: false
				},
				{
					id: 999,
					title: 'Reserva 4',
					start: new Date(y, m, d+4, 16, 0),
					allDay: false
				},
				{
					title: 'Reserva 5',
					start: new Date(y, m, d, 10, 30),
					allDay: false
				},
				{
					title: 'Mantenimiento',
					start: new Date(y, m, d, 12, 0),
					end: new Date(y, m, d, 14, 0),
					allDay: false
				},
				{
					title: 'Reserva 6',
					start: new Date(y, m, d+1, 19, 0),
					end: new Date(y, m, d+1, 22, 30),
					allDay: false
				},
				{
					title: 'Reserva 7',
					start: new Date(y, m, 28),
					end: new Date(y, m, 29),
					
				}
			]
		});
		
	});

</script>
</head>

<body>
	<!-- header -->
	<header>
		<div class="container_16">
			<div class="logo">
				<h1><a href="index.html"><strong>Real</strong> Estate</a></h1>
			</div>
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="listado-inmuebles-alquilados.html">Selling</a></li>
					<li><a href="perfil-dueno.html" class="current">Buying</a></li>
					<li><a href="index-3.html">Renting</a></li>
					<li><a href="index-4.html">Moving</a></li>
					<li><a href="index-5.html">Finance</a></li>
					<li><a href="index-6.html">Contacts</a></li>
				</ul>
			</nav>
			<!-- faded slider begin -->

			<!-- faded slider end -->
		</div>
	</header>
	<!-- content -->
	<section id="content">
		<div class="container_16">
			<div class="clearfix">
				<section id="mainContent" class="grid_10">
					<article>
						<h2>Información Personal</h2>
						<form  action="#">
						<div class="wrapper p2">
						<!--
                                                Toda la informacion de Dueño aqui.                                                
                                                -->
                                                
                                                <table width="100%" border="0" cellspacing="5" cellpadding="2">
                                                    <tr>
                                                        <td>Nombre:</td>
                                                        <td><input type="text" name="tb_nomDueno" id="tb_nomDueno" value="Nombre Aqui" style="width:200px;"/></td>
                                                        <td rowspan=3 valign="top" style="width:20%; height:100%;"><img src="" alt="Profile Picture" name="img_dueno" width="150" height="100" id="img_dueno" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td valign="top">Descripcion:</td>
                                                        <td><textarea name="ta_descripcionDueno" id="ta_descripcionDueno" cols="35" rows="5">Descripcion Aqui</textarea></td>
                                                        <!--<td>&nbsp;</td>-->
                                                    </tr>
                                                    <tr>
                                                        <td>Fecha de Registro:</td>
                                                        <td><input type="text" readonly value="fecha aqui" name="tb_fechaRegistroDueno" id="tb_fechaRegistroDueno" style="width:200px;"/></td>
                                                        <!--<td>&nbsp;</td>-->
                                                    </tr>
                                                </table>
                                                
						</div>
                                               
						<input type="submit" class="button" value="Guardar Cambios"/>
                                                </form>
					</article>
					<article class="last">
						<h2>Recomendaciones</h2>
                                                <table>
                                                    
                                                    <!--Repetir esto por cada recomendacion -->
                                                    <tr>
                                                        <td><div class="recomendacion_container">
                                                                <table style="width:100%;">
                                                                    <tr><td>Nombre Aqui:</td><td>Comentario aqui</td></tr>
                                                                    <tr><td>Puntaje: </td><td><h3>3</h3></td></tr>
                                                                </table>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <!--FIN Repetir esto por cada recomendacion -->
                                                </table>
					</article>
				</section>
				<aside class="grid_6">
					<div class="prefix_1">
						<article>
							<h2>Calendario Diposnibilidad</h2>
							<div class="wrapper" style="width:400px;">
                                                            <div id="calendar" style="width:400px;"></div>
                                                        </div>
							
							<a href="#" class="button">Generar</a>
						</article>
						<article class="last">
							<!-- .box -->
							
							<!-- /.box -->
						</article>
					</div>
				</aside>
			</div>
		</div>
	</section>
	<!-- footer -->
	<footer>
		<div class="container_16">
			<nav>
				<ul>
					<li><a href="index.html">home</a></li>
					<li><a href="listado-inmuebles-alquilados.html">Selling</a></li>
					<li><a href="perfil-dueno.html">buying</a></li>
					<li><a href="index-3.html">renting</a></li>
					<li><a href="index-4.html">moving</a></li>
					<li><a href="index-5.html">finance</a></li>
					<li><a href="index-6.html">contacts</a></li>		
				</ul>
			</nav>
			<p class="copy"><span>real estate</span> &nbsp;&copy; &nbsp;2010 &nbsp; &nbsp;<a href="index-7.html">Privacy Policy</a></p>
		</div>
	</footer>
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
